<section class="fd-section">
  <div class="fd-section__header">
    <h3 class="fd-section__title">Child node 2</h3>
  </div>
  <div class="fd-layout-panel">
    <div class="fd-layout-panel__body">
      <p>Navigation node config for this <strong>defaultChildNode</strong> demo:</p>
      <app-code-snippet
        data="{
        pathSegment: 'dps',
        label: 'Default Child node Example',
        defaultChildNode: 'dps2',
        children: [
          {
            pathSegment: 'dps1',
            label: 'First Child',
            viewUrl: '/sampleapp.html#/projects/' + projectId + '/dps/dps1'
          },
          {
            pathSegment: 'dps2',
            label: 'Second Child',
            viewUrl: '/sampleapp.html#/projects/' + projectId + '/dps/dps2'
          }
        ]
      }"
      ></app-code-snippet>
    </div>
  </div>
</section>
